<!DOCTYPE html>
<html>
<head>
<title>典当企业信息表</title>
<#include "/header.html" />
    <link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrap-table.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.css">
    <script src="${request.contextPath}/statics/libs/bootstrap-table.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.bootstrap3.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.extension.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/tree.table.js"></script>
    <link href="${request.contextPath}/statics/css/swiper.min.css" rel="stylesheet" type="text/css" />
    <link href="${request.contextPath}/statics/css/style_min.css" rel="stylesheet" type="text/css" />
    <style>
        .ECalendarBox{ z-index: 10000}
.currenttime{visibility: hidden}
        .stable{border-collapse: collapse;margin-top: 20px; margin-left: 20px}
        .stable tr td{ border:1px solid #6c5500; border-collapse: collapse; line;color: #0a8cfd; text-indent:5px;padding: 15px 0}
        .stable tr td.tbgcolor{ width: 160px; background: #fdf7df; color:#6c5500;line-height: 20px; text-align: center }

    </style>
</head>
<body>
<div id="rrapp" v-cloak>
	<div v-show="showList && !showDetail">
		<div class="grid-btn">
            <div class="form-group col-sm-2">
                <input type="text" class="form-control" v-model="q.name" @keyup.enter="query" placeholder="名称">
            </div>
            <a class="btn btn-default" @click="query">查询</a>
			<#if shiro.hasPermission("qyxxdd:save")>
            <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
			</#if>
			<#if shiro.hasPermission("qyxxdd:update")>
            <a class="btn btn-modify" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			</#if>
			<#if shiro.hasPermission("qyxxdd:delete")>
            <a class="btn btn-delete" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			</#if>
		</div>
	    <table id="jqGrid"></table>
	    <div id="jqGridPager"></div>
    </div>
    
    <div v-show="!showList" class="panel panel-default">
		<div class="panel-heading">{{title}}</div>
		<form class="form-horizontal">
		     <div class="form-group">
                <div class="col-sm-2 control-label"><b style="color: #c30">*</b>所属部门</div>
                <div class="col-sm-10">
                    <input type="hidden"  v-model="qyxxDd.ddSspcs"/>
                    <input type="text" class="form-control" v-model="qyxxDd.ddSspcsMc" @click="deptTree" readonly="readonly" placeholder="所属部门"/>
                </div>
            </div>
			<!--<div class="form-group">-->
                <!--<div class="col-sm-2 control-label">所属派出所</div>-->
                <!--<div class="col-sm-10">-->
                    <!--<input type="text" class="form-control" v-model="qyxxDd.ddSspcs" placeholder="所属派出所"/>-->
                <!--</div>-->
            <!--</div>-->
			 <div class="form-group">
                <div class="col-sm-2 control-label"><b style="color: #c30">*</b>企业代码</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddQydm" placeholder="企业代码"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label"><b style="color: #c30">*</b>企业名称</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddQymc" placeholder="企业名称"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">组织机构代码</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddZzjgdm" placeholder="组织机构代码"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">经营地址</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddJydz" placeholder="经营地址"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">联系电话</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddLxdh" placeholder="联系电话"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">传真</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddCz" placeholder="传真"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">邮政编码</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddYzbm" placeholder="邮政编码"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">经济类型代码</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddJjlxdm" placeholder="经济类型代码"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">法定代表人姓名</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddFddbrxm" placeholder="法定代表人姓名"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">股东信息</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddGdxx" placeholder="股东信息"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">经营范围</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddJyfw" placeholder="经营范围"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">营业执照号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddYyzzh" placeholder="营业执照号"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">营业执照发证机构名称</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddYyzzfzjgmc" placeholder="营业执照发证机构名称"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">登记日期</div>
                <div class="col-sm-10">
                    <input type="text" id="djDate" class="form-control ECalendar" v-model="qyxxDd.ddDjrq" placeholder="登记日期"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">治安管理机构代码</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddZagljgdm" placeholder="治安管理机构代码"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">企业状态代码</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddQyztdm" placeholder="企业状态代码"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">典当经营许可证编号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddDdjyxkzbh" placeholder="典当经营许可证编号"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">典当经营许可证发证机构名称</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddDdjyxkzfzjgmc" placeholder="典当经营许可证发证机构名称"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">经营项目</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddJyxm" placeholder="经营项目"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">备案日期</div>
                <div class="col-sm-10">
                    <input type="text" id="baDate" class="form-control ECalendar" v-model="qyxxDd.ddBarq" placeholder="备案日期"/>
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-2 control-label">是否安装软件</div>
                <div class="col-sm-10">
                    <input type="hidden" class="form-control" v-model="qyxxDd.ddSfazrj" placeholder="业务类型"/>
                    <select class="form-control" v-model="qyxxDd.ddSfazrj" >
                        <option v-for="item in ddSfazrj" v-bind:value="item.value">{{item.text}}</option>
                    </select>
                </div>
            </div>
			 <div class="form-group"  class="rjon"  >
                <div class="col-sm-2 control-label">软件安装日期</div>
                <div class="col-sm-10">
                    <input type="text"   id="rjDate" class="form-control ECalendar" v-model="qyxxDd.ddRjazrq" placeholder="软件安装日期"/>
                </div>
            </div>
			  <div class="form-group"  class="rjoff"    >
                <div class="col-sm-2 control-label">软件未安装原因代码</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddRjWazyyCode" placeholder="软件未安装原因代码"/>
                </div>
            </div>
			<div class="form-group">
                <div class="col-sm-2 control-label">是否安装读卡器</div>
                <div class="col-sm-10">
                    <input type="hidden" class="form-control" v-model="qyxxDd.ddSfazdkq" placeholder="业务类型"/>
                    <select class="form-control" v-model="qyxxDd.ddSfazdkq">
                        <option v-for="item in ddSfazdkq" v-bind:value="item.value">{{item.text}}</option>
                    </select>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">读卡器安装日期</div>
                <div class="col-sm-10">
                    <input type="text" id="dkqDate" class="form-control ECalendar" v-model="qyxxDd.ddDkqazrq" placeholder="读卡器安装日期"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">读卡器未安装原因代码</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddDkqWazyyCode" placeholder="读卡器未安装原因代码"/>
                </div>
            </div>
			 <div class="form-group">
                <div class="col-sm-2 control-label">是否接入监控平台</div>
                 <div class="col-sm-10">
                     <input type="hidden" class="form-control" v-model="qyxxDd.ddSfjrjkpt" placeholder="业务类型"/>
                     <select class="form-control" v-model="qyxxDd.ddSfjrjkpt">
                         <option v-for="item in ddSfjrjkpt" v-bind:value="item.value">{{item.text}}</option>
                     </select>
                 </div>

            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">平台接入日期</div>
                <div class="col-sm-10">
                    <input type="text" id="ptDate" class="form-control ECalendar" v-model="qyxxDd.ddPtjrrq" placeholder="平台接入日期"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">视频监控未安装原因代码</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDd.ddSpjkWazyyCode" placeholder="视频监控未安装原因代码"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">是否安装硬盘</div>
                         <div class="col-sm-10">
                              <input type="hidden" class="form-control" v-model="qyxxDd.ddSfazyp" placeholder="业务类型"/>
                               <select class="form-control" v-model="qyxxDd.ddSfazyp">
                                      <option v-for="item in ddSfazyp" v-bind:value="item.value">{{item.text}}</option>
                                </select>
                         </div>

                    <!--<select class="form-control" v-model="qyxxDd.ddSfazyp">-->
                        <!--<option v-for="item in ddSfazyp" v-bind:value="item.value">{{item.text}}</option>-->
                    <!--</select>-->

            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">硬盘安装日期</div>
                <div class="col-sm-10">
                    <input type="text" id="ypDate" class="form-control ECalendar" v-model="qyxxDd.ddYpazrq" placeholder="硬盘安装日期"/>
                </div>
            </div>
							<div class="form-group">
				<div class="col-sm-2 control-label"></div> 
				<input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
				&nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
			</div>
		</form>
	</div>


    <div v-show="showDetail" class="panel panel-default">
        <div class="panel-heading titleys">典当信息查询</div>
        <div style="margin:10px 0px 0px;">
            <form class=" m-t" style="padding: 0px !important;">

                <table width="90%" border="1" class="stable">
                    <tr>
                        <td class="tbgcolor">所属分局</td>
                        <td>{{qyxxDd.dd_SSFJ}}</td>
                        <td class="tbgcolor">所属派出所</td>
                        <td>{{qyxxDd.dd_SSPCS}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">企业名称</td>
                        <td>{{qyxxDd.ddQymc}}</td>
                        <td class="tbgcolor">组织机构代码</td>
                        <td>{{qyxxDd.ddZzjgdm}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">经营地址</td>
                        <td colspan="3">{{qyxxDd.ddJydz}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">联系电话</td>
                        <td>{{qyxxDd.ddLxdh}}</td>
                        <td class="tbgcolor">传真</td>
                        <td>{{qyxxDd.ddCz}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">邮政编码</td>
                        <td>{{qyxxDd.ddYzbm}}</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">经济类型代码</td>
                        <td>{{qyxxDd.ddJjlxdm}}</td>
                        <td class="tbgcolor">法定代表人</td>
                        <td>{{qyxxDd.ddFddbrxm}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">股东信息</td>
                        <td colspan="3">{{qyxxDd.ddGdxx}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">经营范围</td>
                        <td colspan="3">{{qyxxDd.ddJyfw}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">营业执照号</td>
                        <td>{{qyxxDd.ddYyzzh}}</td>
                        <td class="tbgcolor">营业执照发证机构名称</td>
                        <td>{{qyxxDd.ddYyzzfzjgmc}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">登记日期</td>
                        <td>{{qyxxDd.ddDjrq}}</td>
                        <td class="tbgcolor">治安管理机构代码</td>
                        <td>{{qyxxDd.ddZagljgdm}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">企业状态代码</td>
                        <td>{{qyxxDd.ddQyztdm}}</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">典当经营许可证编号</td>
                        <td>{{qyxxDd.ddDdjyxkzbh}}</td>
                        <td class="tbgcolor">典当经营许可证发证机构名称</td>
                        <td>{{qyxxDd.ddDdjyxkzfzjgmc}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">经营项目</td>
                        <td>{{qyxxDd.ddJyxm}}</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">备案日期</td>
                        <td colspan="3">{{qyxxDd.ddBarq}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">是否安装软件</td>
                        <td>{{qyxxDd.ddSfazrj}}</td>
                        <td class="tbgcolor">软件安装日期</td>
                        <td>{{qyxxDd.ddRjazrq}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">软件未安装原因</td>
                        <td colspan="3">{{qyxxDd.ddRjWazyyCode}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">是否安装读卡器</td>
                        <td>{{qyxxDd.ddSfazdkq}}</td>
                        <td class="tbgcolor">读卡器安装日期</td>
                        <td>{{qyxxDd.ddDkqazrq}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">读卡器未安装原因</td>
                        <td colspan="3">{{qyxxDd.ddDkqWazyyCode}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">是否接入监控平台</td>
                        <td>{{qyxxDd.ddSfjrjkpt}}</td>
                        <td class="tbgcolor">平台接入日期</td>
                        <td>{{qyxxDd.ddPtjrrq}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">视频监控未安装原因</td>
                        <td colspan="3">{{qyxxDd.ddSpjkWazyyCode}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">是否安装硬盘</td>
                        <td>{{qyxxDd.ddSfazyp}}</td>
                        <td class="tbgcolor">硬盘安装日期</td>
                        <td>{{qyxxDd.ddYpazrq}}</td>
                    </tr>
                </table>
                <div style="margin:10px 0px 60px;text-align: center">
                    &nbsp;&nbsp;<input type="button" class="btn btn-warning" onClick="javascript:location.reload()" value="返回" />
                </div>
            </form>
        </div>
    </div>

</div>
<!-- 选择部门 -->
<div id="deptLayer" style="display: none;padding:10px;">
    <ul id="deptTree" class="ztree"></ul>
</div>


<script >

    $(function(){

        $("#djDate").ECalendar({
            type:"date",   //模式，time: 带时间选择; date: 不带时间选择;
            stamp : false,   //是否转成时间戳，默认true;
            offset:[0,2],   //弹框手动偏移量;
            format:"yyyymmdd",   //时间格式 默认 yyyy-mm-dd hh:ii;
            skin:"#0a8cfd",   //皮肤颜色，默认随机，可选值：0-8,或者直接标注颜色值;
            step:10,   //选择时间分钟的精确度;
            callback:function(v,e){

            } //回调函数
        });
        $("#rjDate").ECalendar({
            type:"date",   //模式，time: 带时间选择; date: 不带时间选择;
            stamp : false,   //是否转成时间戳，默认true;
            offset:[0,2],   //弹框手动偏移量;
            format:"yyyymmdd",    //时间格式 默认 yyyy-mm-dd hh:ii;
            skin:"#0a8cfd",   //皮肤颜色，默认随机，可选值：0-8,或者直接标注颜色值;
            step:10,   //选择时间分钟的精确度;
            callback:function(v,e){

            } //回调函数
        });
        $("#dkqDate").ECalendar({
            type:"date",   //模式，time: 带时间选择; date: 不带时间选择;
            stamp : false,   //是否转成时间戳，默认true;
            offset:[0,2],   //弹框手动偏移量;
            format:"yyyymmdd",   //时间格式 默认 yyyy-mm-dd hh:ii;
            skin:"#0a8cfd",   //皮肤颜色，默认随机，可选值：0-8,或者直接标注颜色值;
            step:10,   //选择时间分钟的精确度;
            callback:function(v,e){

            } //回调函数
        });
        $("#baDate").ECalendar({
            type:"date",   //模式，time: 带时间选择; date: 不带时间选择;
            stamp : false,   //是否转成时间戳，默认true;
            offset:[0,2],   //弹框手动偏移量;
            format:"yyyymmdd",   //时间格式 默认 yyyy-mm-dd hh:ii;
            skin:"#0a8cfd",   //皮肤颜色，默认随机，可选值：0-8,或者直接标注颜色值;
            step:10,   //选择时间分钟的精确度;
            callback:function(v,e){

            } //回调函数
        });
        $("#ptDate").ECalendar({
            type:"date",   //模式，time: 带时间选择; date: 不带时间选择;
            stamp : false,   //是否转成时间戳，默认true;
            offset:[0,2],   //弹框手动偏移量;
            format:"yyyymmdd",   //时间格式 默认 yyyy-mm-dd hh:ii;
            skin:"#0a8cfd",   //皮肤颜色，默认随机，可选值：0-8,或者直接标注颜色值;
            step:10,   //选择时间分钟的精确度;
            callback:function(v,e){

            } //回调函数
        });
        $("#ypDate").ECalendar({
            type:"date",   //模式，time: 带时间选择; date: 不带时间选择;
            stamp : false,   //是否转成时间戳，默认true;
            offset:[0,2],   //弹框手动偏移量;
            format:"yyyymmdd",   //时间格式 默认 yyyy-mm-dd hh:ii;
            skin:"#0a8cfd",   //皮肤颜色，默认随机，可选值：0-8,或者直接标注颜色值;
            step:10,   //选择时间分钟的精确度;
            callback:function(v,e){

            } //回调函数
        });

    })

</script>

<script src="${request.contextPath}/statics/js/modules/ddqiye/qyxxdd.js?_${.now?long}"></script>
<script src="${request.contextPath}/statics/libs/Ecalendar.jquery.min.js"></script>
</body>
</html>